這次在寫鐵人賽文章時，進行到第十七天寫了一個不是預定內容的小範例
這種情況就好像在玩RPG時，主線進行到一半跑去解支線任務
大叔我在玩PRG(如巫師3、刺客教條)就是那種主線不推，專解支線任務的玩家...
在第十七天寫了一個不是預定內容的範例後，其實第十八天的內容又引發另一個支線
只是當時還沒把前端的內容砍掉，所以沒版面可寫，現在有篇幅可以寫了
有支線任務強迫症的玩家應該會喜歡奧德賽...我花了157個小時拿到白金 XD
(圖片純屬示意)
在鐵人賽第十八天的內容，原本是要寫如何用 NUXT.JS 進行網頁套版
但來源的教學影片已經下架，離當初練習這個題目已經是兩個月之前
超出我的記憶範圍，沒影片複習，所以原本預定要寫的題目就變成踩坑紀錄
要是當初我有把影片備份下來的話....也許就不會開天窗了...
有了這樣的(不良)動機，開始請出Google大神，問它如何備份線上串流的影片內容
因為這篇沒有實作程式，我就直接說重點:
根據我跟Google請示的結果
現在很多線上的影片(謎片)，如果找不到單一檔案的，那麼很有可能影片的格式是m3u8
如上圖所示，有一個影片其實是被切成1931個小檔案，每個檔案都是影片檔
長度只有幾十秒到一兩分鐘之間，線上觀看的影片其實就是在撥放這些小檔案
chrome 上面就有很多類似的影片下載器，所以知道是用m3u8的格式後
要自己製作一個影片下載的爬蟲程式...就不是太困難...
只是這個支線任務，不適合寫在鐵人賽的內容裡
如果寫了，會不會收到的傳票阿? XDD
原本上面的線上串流的內容寫完，我就想按下發布文章的按鈕了
但想了想，感覺水分西瓜還多...還是再寫(擠)點什麼好了
大叔我身為長年在it幫邦忙裡潛水的使用者
真的必須說it幫邦忙鐵人賽的網站介面功能性真的有夠OOXX
先上圖片，再解釋
一.
二.
我最坎普練的點就是，鐵人賽的歷屆網站，格式並不是統一規格
比如我想知道某一屆有沒有人寫某個主題，我不能直接在搜尋列上查詢
因為根本沒有搜尋列，這個功能在去年2020年(第十二屆)才新增!!!
老實說我真的很納悶，為啥舉辦it 鐵人賽的網站功能性會如此陽春
每年鐵人賽寫最多的，應該就是前端類的文章吧
聚集一流前端人才的it鐵人官網感覺很OOXX
我只是一個才剛入門的菜雞，還常常健忘
所以我自認沒資格寫封email去跟it邦幫忙 坎普練&要求改善網站功能 XDD
我的需求很簡單
想要一個歷屆的完賽名單，中途棄坑的我就略過了
可以用關鍵字搜尋，如 python 股市爬蟲，告訴我有幾個主題符合
用說的都嘛很簡單 XDD
it邦幫忙的鐵人賽好像沒有提供文章的API
但寫個爬蟲來爬取歷屆鐵人賽的文章，現在對我來說已經可以做到
but 前端的畫面要怎麼排版，對我這個前端金魚腦來說真的事很艱困的事
我想做的內容大guy4這樣，如上圖 Hexschool 2020 鐵人賽文章搜尋器 94.87%的相似
如果有時間的話，我想致敬這個layout 自己也來做一個鐵人賽的文章典藏庫
上面的寫完，真的很想按下上傳文章的啦~
不過我還有一些些還沒擠出來 >///<
本來是要跟最上面的串流影音一起介紹的內容，而且篇幅比較多
但礙於尺度的關係，原本是打算不寫的...
but哪知越寫越上癮，這部分沒寫會有遺憾，所以只提到一點點
日後有機會再從其他地方補完
第一段提到的影音串流的備份，其實讓我想到2017年的一則軼聞:
為了測試 Amazon Drive 無限制空間到底可以塞多少，外國鄉民自曝曾用 1.8 PB 的 A片試圖塞滿它
這個新聞 我記得我有看過，只是忘了關鍵字，找好久才找到...
最後居然在 chrome找到快4年前的紀錄
這位外國的鄉民，看起來是爬蟲的專業戶
感謝這位外國的鄉民大大，當年我有跟上車
有學到如何去備份線上OO直播，讓我的爬蟲功力大增!!!
關鍵字跟連結都在上面了，網路上的One Pice就留給有看到這篇的人去發掘了 ^.<
以上就是鐵人賽第23天的內容 :)
參考資料
iThome鐵人賽
看影片追技術